
<div class="info-vertical-list">
          <ul class="list-container">
                <li th:each="post : ${news}">
                    <div class="info-title-container">
                       <a href="#" th:href="@{${'/post/view/'+post.id}}" >
                            <strong class="title" th:inline="text">[[${post.title}]]</strong>
                       </a>
                    </div>
                    <div class="info-pic-container">
                          <a  th:href="@{${'/post/view/'+post.id}}"  th:style="'background-image: url(' + ${@staticResourceUrlProcessor.replaceUrlWithCDNUrl((post.snapshot != null)? post.snapshot.original : 'http://placehold.it/200x136')} + ')'"> 
                             <!--  <img th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl((post.snapshot != null)? post.snapshot.original : 'http://placehold.it/200x136'})"/>  -->
                          </a>
                    </div>
                    <div class="info-summary-container">
                         <a href="#" th:href="@{${'/post/view/'+post.id}}" >
                            <span class="summary" fx="limit" num="50" th:utext="${@previewHtmlUtils.htmlRemoveTag(post.summary)}" ></span>
                         </a>
                    </div>
                    <div class="info-author-container">
                           <span th:inline="text">
                                  [[${post.author.name}]] |  [[${#strings.substring(post.created,0,10)}]]
                           </span>
                    </div>
                </li>
                <div id="clear-div" style="clear:both"></div>
       </ul>
</div>
